<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>欢迎页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/Chart.js/3.9.1/chart.js"></script>
    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/libs/router.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
    <script src="${request.contextPath}/statics/libs/app.js"></script>
    <script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
    <script src="${request.contextPath}/statics/js/main.js"></script>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">基本信息</div>
    <div style="padding: 10px 0 20px 10px;" id="totalData" v-cloak>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-2">
                <div class="col-sm-4">
                    <span class="glyphicon glyphicon-user" aria-hidden="true" style="height: auto"></span>
                </div>
                <div class="col-sm-8">
                    <span>用户总数</span></br>
                    <span id="userAll"></span></br>

                </div>
            </div>
            <div class="col-md-2">
                <div class="col-sm-4">
                    <i class="bi bi-person-vcard"></i>
                </div>
                <div class="col-sm-8">
                    <span>患者人数(人)</span></br>
                    <span id="patientNum"></span></br>
                </div>
            </div>
            <div class="col-md-2">
                <div class="col-sm-4">
                </div>
                <div class="col-sm-8">
                    <span>就诊金额(元)</span></br>
                    <span id="totalMoney">9074.00</span></br>
                </div>
            </div>
            <div class="col-md-2">
                <div class="col-sm-4">
                </div>
                <div class="col-sm-8">
                    <span>复诊人数(人)</span></br>
                    <span id="furtherNum"></span></br>

                </div>
            </div>
            <div class="col-md-2">
                <div class="col-sm-4">
                </div>
                <div class="col-sm-8">
                    <span>初诊人数(人)</span></br>
                    <span id="firstNum"></span></br>

                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <div style="padding: 10px 0 20px 10px;">
                    <div>
                        <canvas id="myChart" width="400px" height="200px"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-5">
                <div style="padding: 10px 0 20px 10px;">
                    <div>
                        <canvas id="myChart2" width="400px" height="200px"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-2">
<#--                <span>科室接诊人数</span>-->
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <canvas id="myChart3" width="400" height="200"></canvas>
            </div>
            <div class="col-md-4">
                <span>患者性别比例</span>

                <canvas id="myChart4"  width="400" height="400"></canvas>
            </div>
        </div>
    </div>
</div>
</body>
<script>

</script>
</html>